<template>
  <div class="box2">
<h2>翟利辉的About组件</h2>
<router-link to="/about/tab1">tab1</router-link>
<router-link to="/about/tab2">tab2</router-link>
<hr />
<router-view></router-view>
  </div>
</template>
<script setup>
import {watch} from "vue";
import {useRoute} from "vue-router"
const route = useRoute();
watch(
  ()=> route.path,
  (path) => {
    console.log("路由的路径是: ",path);
  }
  )
</script>

<style>
.box2{
    min-height: 300px;
    background-color:crimson;
    padding: 20px;
}
.box2 a {
  text-align: none;
}
</style>